* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    user-select: none;
}

ul {
    list-style: none;
}

body>div {
    width:1212px;
    margin: 0px auto;
}
html {
    overflow-y: var(--html-overflow-y);
    min-width: 768px;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
}
:root {
    --color-body-bg: #fff;
    --color-text: #000;
    --color-primary: #335eea;
    --color-primary-bg: #eaeffd;
    --color-secondary: #7a7a7b;
    --color-secondary-bg: #f5f5f7;
    --color-navbar-bg: hsla(0,0%,100%,0.86);
    --color-primary-bg-for-transparent: rgba(189,207,255,0.28);
    --color-secondary-bg-for-transparent: rgba(209,209,214,0.28);
    --html-overflow-y: overlay;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    /* background: transparent; */
    border-left: 1px solid hsla(0,0%,50.2%,.18);
    background: var(--color-body-bg);
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: hsla(0,0%,50.2%,.38);
}